body{min-width:1200px;width:100%;overflow-x:hidden;}
    i,em{ font-style:normal;}
    .content{ width: 1200px;margin: 0 auto; }
      .header { height: 187px;background: url(img/head_bg.jpg) no-repeat center; }
            .h_con{height: 122px;}
            .header .logo { float: left; padding-top:23px; }
            .header .logo img { width: 151px;padding-top:10px; }
            .slogan { float: left; margin-top: 35px; padding-left: 28px; position: relative;font-weight: normal;height: 56px;margin-left: 18px;border-left: 1px solid #dddddd}
      
            .slogan span { display: block;  font-size: 24px; color: #0066cc; line-height: 24px;font-weight: bold}
            .slogan  b{ display: block; font-size: 20px; color: #333333; line-height: 20px;padding-top: 8px;font-weight: normal;}
            .h_contact { float: right; margin-top: 40px; }
            .h_contact p{ float: left;margin-left: 35px; }
            .h_contact span img{ display: block; width:42px;height: 42px;float:left;margin-right: 11px;}
            .h_contact strong { display: block; font-size: 24px; color: #fff; line-height:24px; float:left;font-weight: bold;font-family: Arial;}
            .h_contact strong i{ font-size: 14px;color: #fff;line-height: 14px; display: block;padding-bottom: 8px;font-weight: normal;opacity: 0.5;}
               .h_contact p:hover span img {animation-duration: 2s;animation-name: flipInY;}
            
            .h_nav { height: 65px;  clear: both;box-sizing: border-box;}
            .header .h_nav li { position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;height: 65px;  }
            .header .h_nav li:last-child>a:after{display: none;}
            .header .h_nav li>a:before {  position: absolute; content: ""; width: 100%; height: 0; background:#0066cc; left: 0; bottom: 0; transition: .3s ease; -o-transition: .3s ease; z-index: -1;}
              .header .h_nav li>a:after{position: absolute;content: "";width: 1px;height: 100%;background: url('img/h_line.png') no-repeat center; right: -1px;top: 0;}
           
            .header .h_nav li>a { position: relative; display: block; font-size: 16px; color: #666666; text-align: center; line-height: 65px; height:65px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 14px; z-index: 2;transition: .3s ease; -o-transition: .3s ease; }
            .header .h_nav li:hover>a, .header .h_nav li.cur>a {  color: #fff;font-weight: bold;}
            .header .h_nav li:hover>a:before, .header .h_nav li.cur>a:before { height: 100%; }
             .header .h_nav li:hover>a:after, .header .h_nav li.cur>a:after { display: none; }
            
           
            
  

    .f_bg{ overflow: hidden;}

     .content{width: 1200px; margin:0 auto;}
     .f_top{ padding-top: 30px;height: 92px;box-sizing: border-box;background: #0066cc; }
     .f_top li{ float: left;font-size: 14px;line-height: 18px;color: #fff;padding-left: 35px;box-sizing: border-box;}
     .f_top li b{ display: block;}
     .f_top li:nth-child(1){ width: 410px;background: url(img/foot1.png) no-repeat left; }
     .f_top li:nth-child(2){ width: 540px;background: url(img/foot1.png) no-repeat left; }
     .f_top li:nth-child(3){background: url(img/foot2.png) no-repeat left; }
     .f_con{ height: 315px;padding-top: 60px;box-sizing: border-box;background: #2d2d2d;}
    .f_con h3{ display: block;font-size: 24px;font-weight: normal;color: #ffffff;text-transform: uppercase;line-height: 20px;}
    .f_nav{ float: left;width: 350px;height: 200px;border-right: 1px solid #424242; }
    .f_ul{ width: 300px;margin-top: 38px;}
    .f_ul li{width: 150px;float: left;}
    .f_ul li a{font-size: 14px;color: #999999;display: block;height: 30px;line-height: 30px;}
    .f_ul li a:hover{ color: #0066cc; }
    .gsxx{ float: left;width: 372px;margin-left: 110px;height: 200px;border-right: 1px solid #424242;}
    
    .gsxx ul{ margin-top: 38px;}
    .gsxx li{font-size: 14px;color: #999999;display: block;height: 30px;line-height: 30px;}
    .gsxx li a{color: #999;}

    .f_er{width: 244px;}
    .f_er p{ margin-right: 24px;width: 110px;float: left;margin-top: 38px;}
    .f_er p:last-child{margin-right: 0; }
    .f_er p em{width: 110px;height: 110px;display: block;}
    .f_er p img{width: 110px;height: 110px;}
    .f_er span{display: block;font-size: 14px;color: #999999;line-height: 14px;padding-top: 14px;text-align: center;}
    
      
  

    .links{ border-top: 1px solid #424242;background: #2d2d2d; }
    .links p{    height: 130px;line-height: 2;font-size: 14px;color: #999999;}
    .links p b{ font-weight: normal;color: #999999; }
    .links p a{color: #999999;margin-right: 25px;}
    .links p a:hover{color: #0066cc;}
  

        .client-2 {
            position: fixed;
            right: -176px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 84px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(img/fx.png) no-repeat;
            display: block;
            width: 38px;
            height: 38px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
          
            font-size: 14px;
            line-height: 24px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background:url(img/icon1.png) no-repeat center;
            background-size: 38px 38px;
        }
        
        .client-2 .my-kefu-tel i {
             background:url(img/icon4.png) no-repeat center;
             background-size: 38px 38px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background:url(img/icon2.png) no-repeat center;
            background-size: 38px 38px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background:url(img/icon3.png) no-repeat center;
            background-size: 34px 34px;
        }
        .client-2 .my-kefu-ftop {
            display: none;
           
        }
        
        .client-2 .my-kefu-ftop i {
             padding-top:10px;
            box-sizing: border-box;
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 15px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 84px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-left .kefu-nsw{
            position:absolute;
            display:none;
            bottom:-100px;
            right:84px;
            color:#515567;
            width:450px;
            padding:10px 20px;
            background:#fff;
            border-radius:5px;
            z-index: 98;
            box-shadow: 5px 5px 5px 5px;
        }
        .client-2 .my-kefu-left .kefu-nsw em{display:block;font-size:16px;padding-bottom:20px;border-bottom:1px solid #ccc;margin-bottom:15px;}
        .client-2 .my-kefu-left .kefu-nsw span{display:block;font-size:16px;line-height:35px;}
        .client-2 .my-kefu-left .kefu-nsw span a{color:#515567;}
        .client-2 .my-kefu-left .kefu-nsw p{float:right;width:200px;padding-left:20px;}
        .client-2 .my-kefu-left .kefu-nsw p img{width:100%;display:block;}
        .client-2 .my-kefu-left .kefu-nsw p i{width: 100%;
    display: block;
    background: none;
    line-height: 25px;font-size: 16px;
    color: #515567; }
        
        .client-2 .my-kefu-tel-right {
            font-size: 22px;
            color: #fff;
            float: left;
            height: 28px;
            line-height: 28px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 20px;
            font-weight:bold;
            font-family:Arial;
        }
        
        .client-2 .my-kefu-right {
            width: 40px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0066cc;
            color: #fff;
            height: 84px;
            width: 254px;
            padding:9px 0 0;
            float: left;
            box-sizing:border-box;
        }
        
        .client-2 .my-kefu-main {
            background: #0066cc;
            width: 84px;
            height: 84px;
            position: relative;
            padding:9px 0 0;
            float: left;
             box-sizing:border-box;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }